<template>
  <a-cascader
    v-model:value="value"
    :options="options"
    placeholder="Please select"
  />
</template>
<script>
import { defineComponent, ref } from "vue";
const options = [
  {
    value: "zhejiang",
    label: "Zhejiang",
    children: [
      {
        value: "hangzhou",
        label: "Hangzhou",
        children: [
          {
            value: "xihu",
            label: "West Lake",
          },
        ],
      },
    ],
  },
  {
    value: "jiangsu",
    label: "Jiangsu",
    children: [
      {
        value: "nanjing",
        label: "Nanjing",
        children: [
          {
            value: "zhonghuamen",
            label: "Zhong Hua Men",
          },
        ],
      },
    ],
  },
];
export default defineComponent({
  setup() {
    return {
      value: ref([]),
      options,
    };
  },
});
</script>
